<?php session_start(); ?>
<?php require("../libraries/config.php"); ?>
<?php require("../libraries/database.php"); ?>
<?php require("libraries/users.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login now</title>
<script type="text/javascript" src="../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("input[type=submit]").click(function(){
		user = $("#user").val();
		pass = $("#pass").val();
		errors = $("#errors");
		if(user == "" || pass == ""){
			errors.html("Bạn phải nhập đủ thông tin!");
			return false;
		}else{
			$.ajax({
				"url"	: "process.php", // Nơi nhận dữ liệu
				"type"  : "post", // Phương thức truyền dữ liệu
				"data"  : "a="+user+"&b="+pass, // Dữ liệu cần truyền sang PHP
				"async" : false,
				success : function(result){ // Nhận kết quả trả về từ PHP
					if(result == 1){
						errors.html("Sai username or password");
						return false;
					}else{
						errors.html("<img src='images/ajax-loader.gif' />Đang load dữ liệu...");
						setTimeout(function() {
							window.location = "index.php";
						},3000);
					}
				}
			});
		}
	});
});
</script>
</head>

<body>
<div style="width:400px;margin:30px auto">
<div id="errors" style="color:#F00"></div>
<form action="javascript:void(0)" method="post">
<table width="330" border="0">
  <tr>
    <td width="130">Tên đăng nhập </td>
    <td width="190"><input type="text" id="user" size="25" /></td>
  </tr>
  <tr>
    <td>Mật khẩu</td>
    <td><input type="password" id="pass" size="25" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="ok" value="Đăng nhập" /></td>
  </tr>
</table>
</form>
</div>
</body>
</html>